<!DOCTYPE html>

<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->

<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->

<!--[if !IE]><!--> <html lang="en" class="no-js"> <!--<![endif]-->

<!-- BEGIN HEAD -->

<head>

	<meta charset="utf-8" />

	<title><{:L('hjjp_title')}> | <{:L('CMS_SYSTEM')}></title>

	<meta content="width=device-width, initial-scale=1.0" name="viewport" />

	<meta content="" name="description" />

	<meta content="" name="author" />

	<!-- BEGIN GLOBAL MANDATORY STYLES -->

	<link href="__PUBLIC__/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>

	<link href="__PUBLIC__/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>

	<link href="__PUBLIC__/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>

	<link href="__PUBLIC__/css/style-metro.css" rel="stylesheet" type="text/css"/>

	<link href="__PUBLIC__/css/style.css" rel="stylesheet" type="text/css"/>

	<link href="__PUBLIC__/css/style-responsive.css" rel="stylesheet" type="text/css"/>

	<link href="__PUBLIC__/css/<{$ctype}>.css" rel="stylesheet" type="text/css" id="style_color"/>

	<link href="__PUBLIC__/css/uniform.default.css" rel="stylesheet" type="text/css"/>

	<!-- END GLOBAL MANDATORY STYLES -->

	<link rel="shortcut icon" href="__PUBLIC__/image/favicon.ico" />

</head>

<!-- END HEAD -->

<!-- BEGIN BODY -->

<body class="page-header-fixed">

	<include file="Public/header" />

	  	<include file="Public/nav" />

						<!-- BEGIN PAGE TITLE & BREADCRUMB-->

						<h3 class="page-title">

							<{:L('dashboard')}> <small><{:L('statisticdata')}></small>

						</h3>

						<ul class="breadcrumb">

							<li>

								<i class="icon-home"></i>

								<a href="__ROOT__/Index/index.html"><{:L('home')}></a> 

								<i class="icon-angle-right"></i>

							</li>

							<li><a href="#"><{:L('dashboard')}></a></li>

						</ul>

						<!-- END PAGE TITLE & BREADCRUMB-->

					</div>

				</div>

				<!-- END PAGE HEADER-->

				<div id="dashboard">

					<!-- BEGIN DASHBOARD STATS -->

					<div class="row-fluid">

						<div class="span3 responsive" data-tablet="span6" data-desktop="span3">

							<div class="dashboard-stat blue">

								<div class="visual">

									<i class="icon-glass"></i>

								</div>

								<div class="details">

									<div class="number"><{$statistic.single}></div>

									<div class="desc">                           

										<{:L('food')}>

									</div>

								</div>

								<a class="more" href="__ROOT__/Food/single.htm">

								<{:L('viewmore')}> <i class="m-icon-swapright m-icon-white"></i>

								</a>                 

							</div>

						</div>

						<div class="span3 responsive" data-tablet="span6" data-desktop="span3">

							<div class="dashboard-stat red">

								<div class="visual">

									<i class="icon-gift"></i>

								</div>

								<div class="details">

									<div class="number"><{$statistic.sale}></div>

									<div class="desc"><{:L('sale')}></div>

								</div>

								<a class="more" href="__ROOT__/Sale/salerule.htm">

								<{:L('viewmore')}> <i class="m-icon-swapright m-icon-white"></i>

								</a>                 

							</div>

						</div>

						<div class="span3 responsive" data-tablet="span6  fix-offset" data-desktop="span3">

							<div class="dashboard-stat purple">

								<div class="visual">

									<i class="icon-shopping-cart"></i>

								</div>

								<div class="details">

									<div class="number"><{$statistic.store.direct}>/<{$statistic.store.all}></div>

									<div class="desc"><{:L('store')}>(<{:L('direct')}>/<{:L('all')}>)</div>

								</div>

								<a class="more" href="__ROOT__/System/store.htm">

								<{:L('viewmore')}> <i class="m-icon-swapright m-icon-white"></i>

								</a>                 

							</div>

						</div>

						<div class="span3 responsive" data-tablet="span6" data-desktop="span3">

							<div class="dashboard-stat yellow">

								<div class="visual">

									<i class="icon-inbox"></i>

								</div>

								<div class="details">

									<div class="number"><{$statistic.machine.valid}>/<{$statistic.machine.all}></div>

									<div class="desc"><{:L('machine')}>(<{:L('valid')}>/<{:L('all')}>)</div>

								</div>

								<a class="more" href="__ROOT__/Watch/machines.htm">

								<{:L('viewmore')}> <i class="m-icon-swapright m-icon-white"></i>

								</a>                 

							</div>

						</div>

					</div>
					
					<!-- BEGIN DASHBOARD STATS -->

					<div class="row-fluid">

						<div class="span3 responsive" data-tablet="span6" data-desktop="span3">

							<div class="dashboard-stat light-purple">

								<div class="visual">

									<i class="icon-group"></i>

								</div>

								<div class="details">

									<div class="number"><{$statistic.group}></div>

									<div class="desc"><{:L('group')}></div>

								</div>

								<a class="more" href="__ROOT__/System/group.htm">

								<{:L('viewmore')}> <i class="m-icon-swapright m-icon-white"></i>

								</a>                 

							</div>

						</div>

						<div class="span3 responsive" data-tablet="span6" data-desktop="span3">

							<div class="dashboard-stat light-blue">

								<div class="visual">

									<i class="icon-star-empty"></i>

								</div>

								<div class="details">

									<div class="number"><{$statistic.headoffice}></div>

									<div class="desc"><{:L('headoffice')}></div>

								</div>

								<a class="more" href="__ROOT__/System/headoffice.htm">

								<{:L('viewmore')}> <i class="m-icon-swapright m-icon-white"></i>

								</a>                 

							</div>

						</div>

						<div class="span3 responsive" data-tablet="span6  fix-offset" data-desktop="span3">

							<div class="dashboard-stat light-green">

								<div class="visual">

									<i class="icon-globe"></i>

								</div>

								<div class="details">

									<div class="number"><{$statistic.region}></div>

									<div class="desc"><{:L('region')}></div>

								</div>

								<a class="more" href="__ROOT__/System/region.htm">

								<{:L('viewmore')}> <i class="m-icon-swapright m-icon-white"></i>

								</a>                 

							</div>

						</div>

						<div class="span3 responsive" data-tablet="span6" data-desktop="span3">

							<div class="dashboard-stat green">

								<div class="visual">

									<i class="icon-user"></i>

								</div>

								<div class="details">

									<div class="number"><{$statistic.user.valid}>/<{$statistic.user.all}></div>

									<div class="desc"><{:L('user')}>(<{:L('valid')}>/<{:L('all')}>)</div>

								</div>

								<a class="more" href="__ROOT__/System/usermanage.htm">

								<{:L('viewmore')}> <i class="m-icon-swapright m-icon-white"></i>

								</a>                 

							</div>

						</div>

					</div>
					
				</div>

			</div>

			<!-- END PAGE CONTAINER-->    

		</div>

		<!-- END PAGE -->

	</div>

	<!-- END CONTAINER -->
	
	<include file="Public/footer" />

	<!-- BEGIN PAGE LEVEL SCRIPTS -->

	<script src="__PUBLIC__/js/app.js" type="text/javascript"></script>

	<script src="__PUBLIC__/js/index.js" type="text/javascript"></script>        

	<!-- END PAGE LEVEL SCRIPTS -->  

	<script>

		jQuery(document).ready(function() {    

		   App.init(); // initlayout and core plugins

		   Index.init();

		   Index.initCharts(); // init index page's custom scripts

		   Index.initDashboardDaterange();

		});

	</script>

	<!-- END JAVASCRIPTS -->

<script type="text/javascript">  
//var _gaq = _gaq || [];  _gaq.push(['_setAccount', 'UA-37564768-1']);  _gaq.push(['_setDomainName', 'keenthemes.com']);  _gaq.push(['_setAllowLinker', true]);  _gaq.push(['_trackPageview']);  
//(function() {    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;    ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js';    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);  })();
</script>

</body>

<!-- END BODY -->

</html>